import React from 'react'
import { Outlet,NavLink} from 'react-router-dom'
import { mainRouter } from '../router/routerConfig'
import { Tabbar } from 'react-vant';
import { WapHomeO,CouponO,Points,CartO,ManagerO } from '@react-vant/icons'
function Home() {
  return (
    <div className='Homes'>
      <main>
        <Outlet></Outlet>
      </main>
      <footer>
      <Tabbar>
        {
          mainRouter.length ? mainRouter.map((item,index)=>{
            return <Tabbar.Item icon={item.icon} key={index}>
              <NavLink to={item.path}>
              {item.title}
              </NavLink>
            </Tabbar.Item>
           }):'暂无路由'
        }
        </Tabbar>
      </footer>
    </div>
  )
}

export default Home